<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>搜索</title>
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--页面共同的CSS，JS-->
    <link rel="stylesheet" href="../../res/css/sm.min.css">
    <link rel="stylesheet" href="../../res/css/sm-extend.min.css">
    <link rel="stylesheet" href="../../res/css/common/common.css">
    <link rel='stylesheet' href='../../res/css/minirefresh.css'>
    <link rel="stylesheet" href="../../res/css/search/indexSearch.css">
    <script src='../../res/js/minirefresh.js'></script>
    <script src='../../res/js/common/h5.js'></script>
    <script src='../../res/js/common/h5Common.js'></script>
    <style>
        #mrefresh{
            top: 4rem;
            margin-bottom: 0;
        }
    </style>
</head>

<body>
<!--导航部分-->
<section style="height: 2rem" class="indexNav">
    <img id="goBack" class="back" src="../../res/img/common/back.png" alt="">
    <div class="searchDiv">
        <img class="searchLogo" src="../../res/img/common/search2.png" alt="">
        <img class="closeSearch" src="../../res/img/common/close.png" alt="">
        <label for="searchVal"></label><input maxlength="25" type="search" value="" id="searchVal" class="search" placeholder="请输入搜索内容">
    </div>
    <span id="searchBtn" class="searchBtn">搜索</span>
</section>
<!--tab栏-->
<section class="indexNav indexTab">
    <div class="tabLi">
        <div>蛋机</div>
        <div class="activeLine"></div>
    </div>
    <div class="tabLi">
        <div>咸蛋</div>
        <div class="activeLine activeLine2"></div>
    </div>
    <div class="tabLi">
        <div>直购</div>
        <div class="activeLine activeLine3"></div>
    </div>
</section>
<!--未搜索状态-->
<section class="notSearch">
    <div class="searchHistory">历史搜索 <img id="deleteSearch" src="../../res/img/common/delete2.png" alt=""></div>
    <div id="searchSpan" class="searchSpan"></div>
    <div class="searchHistory">热门搜索</div>
    <div id="searchHotSpan" class="searchSpan"></div>
</section>
<!--页面内容-->
<section class="indexContent">
    <!--    选择框-->
    <div class="select">
        <div class="selectCom all">全部<img src="../../res/img/common/downJt.png"  alt=""/></div>
        <div class="selectCom priceSel"><span>价格升序</span><img src="../../res/img/common/downJt.png"  alt=""/></div>
        <div class="selectCom newsBest">最新</div>
        <div class="selectCom screen">筛选<img id="screenImg" src="../../res/img/common/sx.png"  alt=""/></div>
    </div>
    <!--    咸蛋列表-->
    <div id="mrefresh" class="minirefresh-wrap">
        <div class="minirefresh-scroll">
            <ul class="newBestList" id="newBestList" ></ul>
            <ul class="usedList" id="usedList" ></ul>
            <ul id="HPStore" ></ul>
        </div>
    </div>
</section>
<!--咸蛋码搜索-->
<section class="XDCodeContent">
    <ul id="XDCodeList" class="usedList"></ul>
</section>
<!--筛选内容-->
<section class="screenIndex bounceInRight animated">
    <div class="indexAlert"></div>
    <div class="alertContent">
        <div class="pricePrate">
            <div class="name">价格</div>
            <div>
                <input id="minmoney" type="text" placeholder="最低价" onkeyup = "value=value.replace(/[^\d]/g,'')"> -
                <input id="maxmoney" type="text" placeholder="最高价" onkeyup = "value=value.replace(/[^\d]/g,'')">
            </div>
        </div>
        <div class="pricePrate commodityType">
            <div class="name">商品类型</div>
            <div class="options">
                <div optioncode="0,1,3,4,5,6,7,8" class="option">现货</div>
                <div optioncode="2" class="option">预售</div>
            </div>
        </div>
        <div class="pricePrate commodityAttribute">
            <div class="name">商品属性</div>
            <div class="options">
                <div optionCode="0" class="option">拼装模型</div>
                <div optionCode="2" class="option">成品不可动<br>手办</div>
                <div optionCode="15" class="option">成品可动<br>人偶模型</div>
                <div optionCode="3" class="option">景品</div>
                <div optionCode="4" class="option">Q版人偶</div>
                <div optionCode="7" class="option">毛绒</div>
                <div optionCode="5" class="option">盒蛋</div>
                <div optionCode="6" class="option">扭蛋</div>
                <div optionCode="8" class="option">儿童玩具</div>
                <div optionCode="10" class="option">立牌</div>
                <div optionCode="11" class="option">其他周边产品</div>
                <div optionCode="12" class="option">虚拟商品</div>
                <div optionCode="13" class="option">其他类商品</div>
            </div>
        </div>
        <div class="pricePrate commodityEncryption">
            <div class="name">商品加密</div>
            <div class="options">
                <div optionCode="0" class="option">全部商品</div>
            </div>
        </div>
        <div class="btn">
            <span class="reset">重置</span>
            <span class="confirm">确定</span>
        </div>
    </div>
</section>
<!--空-->
<section class="nullContent">
    <img src="../../res/img/common/null.png" alt="">
    <p>没有找到你要的咸蛋</p>
</section>
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
<script src="../../res/js/search/indexSearch.js?v=1.0.1"></script>
</body>
</html>
